<div class=''></div>

<script>
    $(document).ready(function() {
        var posturl = '';
        var related_posts = '';
        var related_number = 5; // number of related posts to display
        var label = 'Blogger Templates'; // label of related posts, change LABEL_NAME with your own label name
        var currentpost = $('link[rel="canonical"]').attr("href");
        var imgtag = '<img src="IMAGE_URL" alt="" />';
        var posttitle = '';
        var content = '';
        $.ajax({
            url: '/feeds/posts/default/-/' + label + '?alt=json-in-script&max-results=' + related_number,
            type: 'get',
            dataType: 'jsonp',
            success: function(data) {
                var posturl = '';
                var posttitle = '';
                var content = '';
                var imgtag = '';
                var temp = data.feed.entry;
                var i = 0;
                var j = 0;
                for (i = 0; i < temp.length; i++) {
                    if (temp[i].link[4].rel == 'alternate') {
                        posttitle = temp[i].title.$t;
                        posturl = temp[i].link[4].href;
                        if (j == 0 && posturl != currentpost) {
                            related_posts = '<div class="related_posts">';
                        }
                        if (posturl != currentpost) {
                            j++;
                            content = temp[i].content.$t;
                            var $content = $('<div>').html(content);
                            imgtag = $content.find('img:first').attr('src');
                            related_posts += '<a href="' + posturl + '"><div class="relatedthumb"><img src="' + imgtag + '"/><br/><div class="relatedcontent">' + posttitle + '</div></div></a>';
                        }
                        if (j == related_number) break;
                    }
                }
                if (j == 0) {
                    related_posts = '<div class="related_posts"><strong>No related post found.</strong></div>';
                } else {
                    related_posts += '</div>';
                }
                $('#related-posts').html(related_posts);
            }
        });
    });

</script>